<!-- 条目复核页面 -->
<div class="box box-default">
  <div class="box-body">
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <div class="nav-tabs-custom remove-border">
            <ul class="nav nav-tabs ul-change" style="border-bottom-width: 0px;">
              <li class="active">
                <a (click)="loadList(1,50,'clear')" href="#tab_1" data-toggle="tab">明细模式</a>
              </li>
              <li>
                <a (click)="loadBatchList(1,50,'clear')" href="#tab_2" data-toggle="tab">批次模式</a>
              </li>
            </ul>
            <div class="tab-content" style="padding:0;margin-top:10px">
              <div class="tab-pane active" id="tab_1">

                <form #SearchForm="ngForm" class="form-inline" style="margin-bottom:8px !important;">
                  <div class="box box-default collapsed-box">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
                      <button *ngIf="_.includes(menuResourceSet,'btn-NQDII-mxms-flowInfo')" (click)="showModal('1')" type="button" class="btn btn-primary">
                        <i class="fa fa-search"></i>查看流程信息
                      </button>
                      <button *ngIf="_.includes(menuResourceSet,'btn-NQDII-mxms-recheck')" (click)="showReview('1')" type="button" class="btn btn-primary">
                        <i class="fa fa-search"></i>复核通过
                      </button>
                      <button *ngIf="_.includes(menuResourceSet,'btn-NQDII-mxms-back')" (click)="showReview('2')" type="button" class="btn btn-primary">
                        <i class="fa fa-search"></i>返回
                      </button>
                      <button *ngIf="_.includes(menuResourceSet,'btn-NQDII-mxms-viewChecked')" (click)="viewChecked()" type="button" class="btn btn-primary">
                        <i class="fa fa-search"></i>查看已勾选
                      </button>
                      <button class="btn btn-box-tool pull-right" data-widget="collapse">
                        <i class="fa fa-plus"></i>
                      </button>
                    </div>
                    <div class="box-body">
                      <div class="form-group" style="padding-left:5px !important;margin-bottom:8px !important;">
                        <div class="row">
                          <div class="col-md-12" style="margin-top:10px;">
                            <label class="control-label">发起日期：</label>
                            <div style="width:210px" class="input-group date form_datetime">
                              <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </span>
                              <input [(ngModel)]="getListBody.sOprDateStart" name="sOprDateStart" class="form-control" type="text" mwlFlatpickr style="background: white; cursor: pointer">
                            </div>

                            <label class="control-label">到：</label>
                            <div style="width:210px" class="input-group date form_datetime">
                              <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </span>
                              <input [(ngModel)]="getListBody.sOprDateEnd" name="sOprDateEnd" class="form-control" type="text" mwlFlatpickr style="background: white; cursor: pointer">
                            </div>
                            <label class="control-label">提交人：</label>
                            <input style="width:210px" [(ngModel)]="getListBody.sOpr" name="sOpr" type="text" class="form-control" placeholder="提交人">
                          </div>
                          <div class="col-md-12" style="margin-top:10px;">
                            <label class="control-label">文件名称：</label>
                            <input style="width:210px" [(ngModel)]="getListBody.sFileName" name="sFileName" type="text" class="form-control" placeholder="文件名称">
                            <label class="control-label">适用基金类别：</label>
                            <select style="width:210px" [(ngModel)]="sFundType" name="sFundType" id="NqdiiReviewFundType" multiple></select>
                            <label class="control-label">适用基金组：</label>
                            <select style="width:210px" [(ngModel)]="sFundGroupds" name="sFundGroupds" id="NqdiiReviewFundGroupds" multiple></select>
                          </div>

                          <div class="col-md-12" style="margin-top:10px;">
                            <label class="control-label">批次区间：</label>
                            <input style="width:210px" [min]="0" type="text" maxlength="9" digits #nNoStart="ngModel" [(ngModel)]="getListBody.nBatchNoStart"
                              name="nBatchNoStart" class="form-control" placeholder="批次区间">
                            <label class="control-label">到：</label>
                            <input style="width:210px" [min]="0" type="text" maxlength="9" digits #nNoEnd="ngModel" [(ngModel)]="getListBody.nBatchNoEnd"
                              name="nBatchNoEnd" class="form-control" placeholder="到">
                            <button (click)="searchQuery(getListBody)" [disabled]="nNoStart.errors?.digits||nNoEnd.errors?.digits" type="button" class="btn btn-primary"
                              style="margin-left:10px;">
                              <i class="fa fa-search"></i>查询</button>
                          </div>
                          <div class="col-md-12" style="margin-top:10px;">
                            <!-- <div class="form-group col-lg-4" style="padding-left:0px !important"> -->
                            <p *ngIf="nNoStart.errors?.digits" class="errorTip" style="padding-left:80px">请输入正整数</p>
                            <!-- </div> -->
                            <!-- <div class="form-group col-lg-4" style="padding-left:0px !important"> -->
                            <p *ngIf="nNoEnd.errors?.digits" class="errorTip" style="padding-left:0px">请输入正整数</p>
                            <!-- </div> -->
                          </div>
                        </div>



                      </div>
                    </div>
                  </div>

                </form>
                <div class="ibt-fixed-table-container">
                  <div id="review-table" #reviewTablePage></div>
                  <!-- <table id="review-table" class="table table-bordered table-hover table-striped table-keep-line" style="margin-top:unset !important;">
                    <thead>
                      <tr role="row">
                        <th style="width:50px !important">
                          <div class="cell">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                              <label>
                              </label>
                            </div>
                          </div>
                        </th>
                        <th class="width-90">
                          <div class="cell">条目编号</div>
                        </th>
                        <th class="width-60">
                          <div class="cell">批次号</div>
                        </th>
                        <th class="width-120">
                          <div class="cell">条目复核意见</div>
                        </th>
                        <th class="width-90">
                          <div class="cell">当前流程</div>
                        </th>
                        <th class="width-90">
                          <div class="cell">处理状态</div>
                        </th>
                        <th class="width-90">
                          <div class="cell">条目顺序</div>
                        </th>
                        <th class="width-60">
                          <div class="risk-MarkBlue">是否有效</div>
                        </th>
                        <th class="width-90">
                          <div class="cell risk-MarkBlue">文件名称</div>
                        </th>

                        <th class="width-90">
                          <div class="cell risk-MarkBlue">属性</div>
                        </th>
                        <th class="width-90">
                          <div class="cell risk-MarkBlue">条款出处</div>
                        </th>
                        <th class="width-120">
                          <div class="cell risk-MarkBlue">适用基金类别</div>
                        </th>
                        <th class="width-120">
                          <div class="cell risk-MarkBlue">适用基金组</div>
                        </th>
                        <th class="width-120">
                          <div class="cell risk-MarkBlue">内容</div>
                        </th>
                        <th class="width-120">
                          <div class="cell risk-MarkBlue">指标释义</div>
                        </th>
                        <th class="width-120">
                          <div class="cell risk-MarkBlue">条目规定阀值</div>
                        </th>
                        <th class="width-120">
                          <div class="cell risk-MarkGreen">事中控制方法</div>
                        </th>
                        <th style="width:125px !important">
                          <div class="cell risk-MarkGreen">事中系统控制阀值</div>
                        </th>
                        <th style="width:125px !important">
                          <div class="cell risk-MarkGreen">是否事中系统可控</div>
                        </th>
                        <th class="width-90">
                          <div class="cell risk-MarkGreen">系统风控编号</div>
                        </th>
                        <th class="width-90">
                          <div class="cell risk-MarkGreen">事中系统备注</div>
                        </th>
                        <th class="width-90">
                          <div class="cell risk-MarkRed">事后监控方法</div>
                        </th>
                        <th class="width-90">
                          <div class="cell risk-MarkRed">监控编号</div>
                        </th>
                        <th class="width-90">
                          <div class="cell risk-MarkRed">控制说明</div>
                        </th>
                        <th class="width-90">
                          <div class="cell risk-MarkRed">补偿控制</div>
                        </th>
                        <th class="width-90">
                          <div class="cell risk-MarkRed">风险等级</div>
                        </th>
                        
                        <th class="width-90">
                          <div class="cell risk-MarkRed">监察部备注2</div>
                        </th>
                        <th style="width:190px !important">
                          <div class="cell risk-MarkYellow">场外系统阀值(新股,定增,转债)</div>
                        </th>
                        <th style="width:130px !important">
                          <div class="cell risk-MarkYellow">场外系统阀值(公增)</div>
                        </th>
                        <th style="width:125px !important">
                          <div class="cell risk-MarkYellow">是否场外系统可控</div>
                        </th>
                        <th class="width-120">
                          <div class="cell risk-MarkYellow">场外风控编号</div>
                        </th>
                        <th class="width-120">
                          <div class="cell risk-MarkYellow">场外系统备注</div>
                        </th>

                      </tr>
                    </thead>
                    <tbody>
                      <tr *ngFor="let item of listData;let index = index;">
                        <td style="width:50px !important">
                          <div class="cell">
                            <div class="checkbox checkbox-primary">
                              <input id="routeCheck{{index}}" type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                              <label>
                              </label>
                            </div>
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.nNjId">
                          <div name="nNjId">
                            {{item.nNjId}}
                          </div>
                        </td>
                        <td class="width-60 short_name" [attr.title]="item.nBatchNo">
                          <div name="nBatchNo">
                            {{item.nBatchNo}}
                          </div>
                        </td>
                        <td class="width-120 short_name" [attr.title]="item.sOprMark">
                          <div class="cell" style="padding:0!important">

                            <div id="sOprMark"></div>
                            <input class="input-width" name="sOprMark" maxlength="100" [(ngModel)]="listData[index].sOprMark" (ngModelChange)="inputChange(index,listData[index].sOprMark,'sOprMark')">

                          </div>
                        </td>

                        <td class="width-90 short_name" [attr.title]="item.sFlowStepZh">
                          <div name="sFlowStepZh">
                            {{item.sFlowStepZh}}
                          </div>
                        </td>

                        <td class="width-90 short_name" [attr.title]="item.sOprStateZh">
                          <div name="sOprStateZh">
                            {{item.sOprStateZh}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.nSortNo">
                          <div name="nSortNo">
                            {{item.nSortNo}}
                          </div>
                        </td>
                        <td class="width-60 short_name" [attr.title]="item.sValidZh">
                          <div name="sValidZh" class="font-color">
                            {{item.sValidZh}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.sFileName">
                          <div name="sFileName" class="font-color">
                            {{item.sFileName}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.sItemTypeZh">
                          <div name="sItemTypeZh" class="font-color">
                            {{item.sItemTypeZh}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.sFileSourceZh">
                          <div name="sFileSourceZh" class="font-color">
                            {{item.sFileSourceZh}}
                          </div>
                        </td>
                        <td class="width-120 short_name" [attr.title]="item.sFundTypeZh">
                          <div name="sFundTypeZh" class="font-color">
                            {{item.sFundTypeZh}}
                          </div>
                        </td>
                        <td class="width-120 short_name" [attr.title]="item.sFundGroupdsZh">
                          <div name="sFundGroupdsZh" class="font-color">
                            {{item.sFundGroupdsZh}}
                          </div>
                        </td>
                        <td class="width-120 short_name" [attr.title]="item.f1">
                          <div name="f1" class="font-color">
                            {{item.f1}}
                          </div>
                        </td>
                        <td class="width-120 short_name" [attr.title]="item.f2">
                          <div name="f2" class="font-color">
                            {{item.f2}}
                          </div>
                        </td>
                        <td class="width-120 short_name" [attr.title]="item.f3">
                          <div name="f3" class="font-color">
                            {{item.f3}}
                          </div>
                        </td>
                        <td class="width-120 short_name" [attr.title]="item.f4Zh">
                          <div name="f4Zh" class="font-color">
                            {{item.f4Zh}}
                          </div>
                        </td>
                        <td style="width:125px !important" class="short_name" [attr.title]="item.f5">
                          <div name="f5" class="font-color">
                            {{item.f5}}
                          </div>
                        </td>
                        <td style="width:125px !important" class="short_name" [attr.title]="item.f6Zh">
                          <div name="f6Zh" class="font-color">
                            {{item.f6Zh}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.f7">
                          <div name="f7" class="font-color">
                            {{item.f7}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.f8">
                          <div name="f8" class="font-color">
                            {{item.f8}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.f9Zh">
                          <div name="f9Zh" class="font-color">
                            {{item.f9Zh}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.f10">
                          <div name="f10" class="font-color">
                            {{item.f10}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.f11">
                          <div name="f11" class="font-color">
                            {{item.f11}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.f12">
                          <div name="f12" class="font-color">
                            {{item.f12}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.f13Zh">
                          <div name="f13Zh" class="font-color">
                            {{item.f13Zh}}
                          </div>
                        </td>
                        <td class="width-90 short_name" [attr.title]="item.f15">
                          <div name="f15" class="font-color">
                            {{item.f15}}
                          </div>
                        </td>
                        <td style="width:190px !important" class="short_name" [attr.title]="item.f16">
                          <div name="f16" class="font-color">
                            {{item.f16}}
                          </div>
                        </td>
                        <td style="width:130px !important" class="short_name" [attr.title]="item.f17">
                          <div name="f17" class="font-color">
                            {{item.f17}}
                          </div>
                        </td>
                        <td style="width:125px !important" class="short_name" [attr.title]="item.f18Zh">
                          <div name="f18Zh" class="font-color">
                            {{item.f18Zh}}
                          </div>
                        </td>
                        <td class="width-120 short_name" [attr.title]="item.f19">
                          <div name="f19" class="font-color">
                            {{item.f19}}
                          </div>
                        </td>
                        <td class="width-120 short_name" [attr.title]="item.f20">
                          <div name="f20" class="font-color">
                            {{item.f20}}
                          </div>
                        </td>

                      </tr>
                    </tbody>

                  </table> -->
                </div>
                <div class="box-footer clearfix">
                  <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="PageNavigation($event,1)">
                    <div class="pull-left pagination-detail" data-pagination-additional="true">
                      <span class="pagination-info">
                        当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
                      </span>
                      <span class="page-list">
                        每页记录
                        <span class="btn-group dropup">
                          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <span class="page-size">{{listPageInfo.pageSize}}</span>
                            <span class="caret"></span>
                          </button>
                          <ul class="dropdown-menu" role="menu">
                            <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="pageSizeChange(i,1)">
                              <a>{{i}}</a>
                            </li>
                          </ul>
                        </span>条
                      </span>
                    </div>
                  </app-pagination>
                </div>
              </div>
              <!-- /.tab-pane -->
              <div class="tab-pane" id="tab_2">
                <form #batchSearchForm="ngForm" class="form-inline" style="margin-bottom:8px !important;">
                  <div class="box box-default">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
                      <button *ngIf="_.includes(menuResourceSet,'btn-NQDII-pcms-detail')" (click)="showModal('4')" type="button" class="btn btn-primary">
                        <i class="fa fa-search"></i>查看明细
                      </button>
                      <button class="btn btn-box-tool pull-right" data-widget="collapse">
                        <i class="fa fa-minus"></i>
                      </button>
                    </div>
                    <div class="box-body" style="display:block">

                      <div class="form-group col-lg-12" style="padding-left:0px !important;margin-bottom:8px;">
                        <label class="control-label">发起日期：</label>
                        <div class="input-group date form_datetime">
                          <input class="form-control" type="text" [(ngModel)]="batchListBody.sOprDateStart" name="sOprDateStart" mwlFlatpickr style="background: white; cursor: pointer;">
                        </div>
                        <label class="control-label">到：</label>
                        <div class="input-group date form_datetime">
                          <input class="form-control" type="text" [(ngModel)]="batchListBody.sOprDateEnd" name="sOprDateEnd" mwlFlatpickr style="background: white; cursor: pointer;">
                        </div>
                      </div>
                      <div class="form-group col-lg-12" style="padding-left:0px !important">
                        <label class="control-label">批次区间：</label>
                        <input class="form-control" placeholder="" [min]="0" maxlength="9" digits type="text" #nBatchNoStart="ngModel" [(ngModel)]="batchListBody.nBatchNoStart"
                          name="nBatchNoStart">

                        <label class="control-label">到：</label>
                        <input class="form-control" placeholder="" [min]="0" maxlength="9" digits type="text" #nBatchNoEnd="ngModel" [(ngModel)]="batchListBody.nBatchNoEnd"
                          name="nBatchNoEnd">

                        <button type="button" class="btn btn-primary" (click)="searchQuery(batchListBody)" [disabled]="nBatchNoStart.errors?.digits||nBatchNoEnd.errors?.digits">
                          <i class="fa fa-search"></i>查询</button>
                      </div>
                      <div class="form-group col-lg-4" style="padding-left:0px !important">
                        <p *ngIf="nBatchNoStart.errors?.digits" class="errorTip" style="padding-left:80px">请输入正整数</p>
                      </div>
                      <div class="form-group col-lg-4" style="padding-left:0px !important">
                        <p *ngIf="nBatchNoEnd.errors?.digits" class="errorTip" style="padding-left:0px">请输入正整数</p>
                      </div>
                    </div>
                  </div>
                </form>
                <div class="ibt-fixed-table-container">
                  <div class="table-scroll-content">
                    <table class="table table-bordered table-hover table-striped table-keep-line">
                      <thead>
                        <tr role="row">
                          <th>
                            <div class="cell" style="width:50px !important">
                              <div class="checkbox checkbox-primary">
                                <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                                <label>
                                </label>
                              </div>
                            </div>
                          </th>
                          <th>
                            <div class="cell">序号</div>
                          </th>
                          <th>
                            <div class="cell">批次号</div>
                          </th>
                          <th>
                            <div class="cell">文件名称</div>
                          </th>
                          <th>
                            <div class="cell">发起日期</div>
                          </th>
                          <th>
                            <div class="cell">发起时间</div>
                          </th>
                          <th>
                            <div class="cell">当前流程</div>
                          </th>
                          <th>
                            <div class="cell">处理人</div>
                          </th>
                          <th>
                            <div class="cell">处理日期</div>
                          </th>
                          <th>
                            <div class="cell">处理时间</div>
                          </th>
                          <th>
                            <div class="cell">条目数量</div>
                          </th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr *ngFor="let item of batchListData;let index = index;">
                          <td>
                            <div class="cell" style="width:50px !important">
                              <div class="checkbox checkbox-primary">
                                <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked">
                                <label>
                                </label>
                              </div>
                            </div>
                          </td>
                          <td class="short_name" [attr.title]="index+1">
                            <div>{{index+1}}</div>
                          </td>
                          <td class="short_name" [attr.title]="item.nBatchNo">
                            <div>{{item.nBatchNo}}</div>
                          </td>
                          <td class="short_name" [attr.title]="item.sFileName">
                            <div>{{item.sFileName}}</div>
                          </td>
                          <td class="short_name" [attr.title]="item.sLaunchDate">
                            <div>{{item.sLaunchDate}}</div>
                          </td>
                          <td class="short_name" [attr.title]="item.sLaunchTime">
                            <div>{{item.sLaunchTime}}</div>
                          </td>
                          <td class="short_name" [attr.title]="item.sFlowStepZh">
                            <div>{{item.sFlowStepZh}}</div>
                          </td>
                          <td class="short_name" [attr.title]="item.sOprZh">
                            <div>{{item.sOprZh}}</div>
                          </td>
                          <td class="short_name" [attr.title]="item.sOprDate">
                            <div>{{item.sOprDate}}</div>
                          </td>
                          <td class="short_name" [attr.title]="item.sOprTime">
                            <div>{{item.sOprTime}}</div>
                          </td>
                          <td class="short_name" [attr.title]="item.nBatchNumber">
                            <div>{{item.nBatchNumber}}</div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
                <div class="box-footer clearfix">
                  <app-pagination [currentPageNum]="batchListPageInfo.currentPageNum" [pagesShow]="" [totalPages]="batchListPageInfo.totalPages"
                    (pageChanged)="PageNavigation($event,2)">
                    <div class="pull-left pagination-detail" data-pagination-additional="true">
                      <span class="pagination-info">
                        当前显示第{{batchListPageInfo.startRow}}到第{{batchListPageInfo.endRow}}条，总共{{batchListPageInfo.total}}条，
                      </span>
                      <span class="page-list">
                        每页记录
                        <span class="btn-group dropup">
                          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <span class="page-size">{{batchListPageInfo.pageSize}}</span>
                            <span class="caret"></span>
                          </button>
                          <ul class="dropdown-menu" role="menu">
                            <li *ngFor="let i of batchListPageInfo.pageList" role="menuitem" [class.active]="batchListPageInfo.pageSize === i" (click)="pageSizeChange(i,2)">
                              <a>{{i}}</a>
                            </li>
                          </ul>
                        </span>条
                      </span>
                    </div>
                  </app-pagination>
                </div>
              </div>
              <!-- /.tab-pane -->
            </div>
          </div>
        </div>
      </div>



      <!-- 显示流程信息modal -->
      <div class="modal modal-detail" id="modal1">
        <div #flowInfo></div>
      </div>
      <!-- 显示流程信息modal end -->


      <!-- 复核通过modal -->
      <div class="modal modal-detail" id="modal2">
        <div #review></div>
      </div>
      <!-- 复核通过modal end -->



      <!-- 返回modal -->
      <!-- <div class="modal modal-detail" id="modal3">
        <div #back></div>
      </div> -->
      <!-- 返回modal end -->

      <!-- 查看明细modal -->
      <div class="modal modal-detail" id="modal4">
        <div #detail></div>
      </div>
      <!-- 查看明细modal end -->